@charset "utf-8";
.w { width: 1200px; margin-left: auto; margin-right: auto;}
.icon_yjh { background: url("../imgs/icon/icon.png") no-repeat;}
#youjihuiicon { background: url("../imgs/icon/icon.png") no-repeat;}
.headtite { 
background: url("../imgs/icon/title-bg.png") repeat-x 0 0; 
height: 34px; line-height: 34px;}
.head-a { padding: 0 10px;}
.head-a:hover { color: #f60;}
.h_myorder { position: relative; padding: 0 25px 0 10px;}
.h_myorder:after {content: ""; background: url("../imgs/icon/icon.png") no-repeat -100px -18px; width: 6px; height: 8px; position: absolute; top: 4px; right:12px;}
.logobox {
// background: url("../imgs/icon/title-bg.png") repeat-x 0 -34px; 
height: 93px; padding: 13px 0 0 0;}
.logo_b { text-align: center; width: 280px;}
.h-search { width: 380px; padding-top: 12px;}
.s-text { height: 26px; line-height: 26px; padding: 0 10px; width: 320px; color: #333;}
.s-sub {height: 30px; width: 30px; color: #d7d7d7;background:  url("../imgs/icon/search_btn_bg2.png") no-repeat center center;}
.s-a { color: #ddebc0; line-height: 26px;}
.s-a a{color: #8ec31f; padding: 0 10px;}
.gwc { display: block; background-position:0 -81px; width: 141px; height: 38px; position: relative; margin-left: 20px;}
.gw_num { position: absolute; top:-8px; right: -9px; background-position: -100px 0; width: 16px; height: 14px; text-align: center; color: #fff; font-size: 12px; line-height: 14px;}
.navbox { height: 40px; border-bottom: 1px solid #cac2c2;border-top: 1px solid #cac2c2;}
.navl { float: left; width: 170px; position: relative; z-index: 3;}
.navl_ind { float: left; width: 170px; position: relative; z-index: 3;}
.navl-h  { line-height: 41px; text-align: center; color: #666; /*background:#8ec31f;*/ font-size: 16px; position: relative;}
.shoplist { background-position: -338px 0; width: 10px; height: 8px; position: absolute; top:17px; right: 10px;}
.navlbox { background: #f7f7f7; position: absolute; top: 42px; left: 0; width: 170px; height: 470px;}
.r-songt { font-family: Microsoft Yahei,"微软雅黑"; font-size: 14px; color: #999; float: right;}
.shop-dl { padding: 3px 10px;}
.shop-dl dt { line-height: 33px;}
.shop-dl dt a {color: #8ec31f;}
.shop-dl dd a {color: #888; padding: 0 5px; font-size: 12px;}
.scai {background-position: -73px 0; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.mliang {background-position: -73px -27px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.tcan {background-position: -73px -55px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.yyz {background-position: -362px 0px; width: 25px; height: 22px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.yscp {background-position: -365px -64px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.line { height: 0; line-height: 0; border-top: 1px solid #8ec31f; margin-top: 3px;}
.nav a { display: inline-block; line-height: 40px; width: 130px; text-align: center;background: url("../newindex/split_1.png") no-repeat center left;}
.nav a:hover{color:#8ec31f;}
.navr { line-height: 40px; color: #8ec31f;}
.nav a.navon { color: #317f05;}
a{font-family: Microsoft Yahei,"微软雅黑";}
p{font-family: Microsoft Yahei,"微软雅黑";}
#contents{
overflow:visible;
}
/*新版首页-151209*/
.cart_icon_yjh{
    background: url(../imgs/icon/cart_icon_yjh.png) no-repeat;
    display: block;
    height: 35px;
    margin-left: 20px;
    position: relative;
    width: 35px;
}
/* 帮助中心 */
.helpcenter { border-top: 1px solid #ddd; background: #f8f8f8; padding: 25px 0 15px;}
.help-dl { float: left; display: inline; width: 165px; border-right: 1px solid #ddd; height: 150px; margin-right: 15px;}
.help-dl dt { font-weight: bold; font-size: 14px; line-height:40px;}
.help-dl dd { padding-left: 45px; font-size: 12px;}
.help-dl dt .icon_yjh {display: inline-block; vertical-align: middle; width: 36px; height: 36px;margin: 0 10px 5px 0; }
.zpin {background-position: -183px 0; }
.shserves {background-position: -296px 0; }
.pays {background-position: -257px 0; }
.huiyzc {background-position: -145px 0; }
.userzn {background-position: -220px 0; }
.foot { border-top: 2px solid #8ec31f; padding: 25px 0 30px; color: #666; font-size: 14px; }
.f-r a { padding:0 10px;}
.fbox { border: 1px solid #d1d1d1; width: 150px; height: 23px; vertical-align: middle;}
.f-text { border: 1px solid #ccc; line-height: 20px; width: 130px;}
.f-sub { background-position: -100px -64px; width: 16px; height: 15px;}
/* 翻页样式 */
.page { font:14px/20px Arial; overflow:hidden;}
.r-page { text-align:center;}
.r-page a { padding:5px 11px; display:inline-block; border:1px solid #e3e3e3; color:#333; margin-left:-1px;}
.r-page .page-f,.r-page .page-l { margin:0 10px;}
.r-page .page-f { padding-left:5px;}
.r-page .page-l {padding-right:5px;}
.r-page a.current,.r-page a.current:hover { background:#8ec31f; border:1px solid #8ec31f; color:#fff;}
.r-page a:hover { color:#8ec31f;}
.page-f s,.page-l s { width:0; height:0; border:5px solid #fff; line-height:0; font-size:0; display:inline-block;}
.page-f s { border-right-color:#666;  margin-right:5px;}
.page-l s { border-left-color:#666;  margin-left:5px;}
.r-page a.page-f:hover s { border-right-color:#8ec31f;}
.r-page a.page-l:hover s { border-left-color:#8ec31f;}
/*  右侧回到顶部  */
.fix-gwc { position: fixed; right: 10px; bottom:357px; _position: absolute; width: 50px; height: 50px;z-index:10000;}
.gwc-tb { background-image:url(../imgs/icon/cart_icon.png); width: 50px; height: 50px; display: block;}
.gwc-tb:hover {background-image:url(../imgs/icon/cart_icon_1.png)}
.fix-kf { position: fixed; right: 10px; bottom:213px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.fix-kf1 { position: fixed; right: 10px; bottom:165px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.fix-kf2 { position: fixed; right: 10px; bottom:117px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.kf-tb { background-image:url(../imgs/icon/kf_icon.png);  width: 50px; height: 50px; display: block;}
.kf-tb:hover{cursor:pointer;background-image:url(../imgs/icon/kf_icon_1.png);}
.fix-top {display:none;position: fixed; right: 10px; bottom:165px; _position: absolute; width: 50px; height: 50px;z-index:10000;}
.return-top {background-image:url(../imgs/icon/top_icon.png); width: 50px; height: 50px; display: block;}
.return-top:hover{background-image:url(../imgs/icon/top_icon_1.png);}
.fix-app { position: fixed; right: 10px; bottom:261px; _position: absolute; width: 50px; height: 50px;z-index:10000;}
.app-tb { background-image:url(../imgs/icon/app_icon.png); width: 50px; height: 50px; display: block;}
.app-tb:hover {background-image:url(../imgs/icon/app_icon_1.png)}
.app-tb:hover .app-chat-tips{display: block;}
.fix-phone { position: fixed; right: 10px; bottom:213px; _position: absolute; width: 50px; height: 50px;z-index:10000;}
.phone-tb { background-image:url(../imgs/icon/phone_icon.png); width: 50px; height: 50px; display: block;}
.phone-tb:hover {background-image:url(../imgs/icon/phone_icon_1.png)}
.phone-tb:hover .phone-chat-tips{display: block;}
.fix-weixin { position: fixed; right: 10px; bottom:309px; _position: absolute; width: 50px; height: 50px;z-index:10000;}
.weixin-tb { background-image:url(../imgs/icon/weixin_icon.png); width: 50px; height: 50px; display: block;}
.weixin-tb:hover {background-image:url(../imgs/icon/weixin_icon_1.png)}
.weixin-tb:hover .weixin-chat-tips{display: block;}
.app-chat-tips {
	position: absolute;
	right: 48px;
	top: -55px;
	display: none;
}
.app-chat-tips img0 {
	width: 138px;
	height: 138px;
}
.weixin-chat-tips {
	position: absolute;
	right: 48px;
	top: -55px;
	display: none;
}
.weixin-chat-tips img0 {
	width: 138px;
	height: 138px;
}
.phone-chat-tips {
	position: absolute;
	right: 48px;
	top: 0px;
	display: none;
}
.phone-chat-tips img0 {
	width: 138px;
	height: 50px;
}

/*     商品分类相关     */
.cat-ex-vertical .cat-item{padding:3px 10px;}
.cat-ex-vertical li.mouseenter-cat{background: #fff;}
.cat-ex-vertical li.mouseenter-cat .cat-root-box{
    border-color:RGB(217,58,47);
    position: relative;z-index: 100;
    border-left:none;}
.cat-root-box {height:30px;line-height:30px;}
.cat-root-box a{color:#8ec31f;font-size:16px;}

.p-quantity{width:200px;}
.p-quantity input{border:1px solid #ccc;}


/* 会员页面字体 宽度 */
.fc_ind_front { font-size: 28px; text-align:center; font-family: Microsoft Yahei,"微软雅黑"; font-weight: bold; color: #07913b}
.fc_no{ display: block!important;}

/*16新样式表开始*/

/**通用样式开始**/
body { width:100%;font-family: Microsoft Yahei,"微软雅黑"; font-size: 13px; color: #000; margin: 0px; padding: 0px;}
a { text-decoration: none; color:#000;}
a:hover { text-decoration:none;color:#008F36; }
img { border:0px; }
*{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: Microsoft Yahei,"微软雅黑";  text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a img, iframe{ border:none;}
ol, ul{ list-style:none;}
ul,li{list-style:none;}
input[type="button"]{-webkit-appearance: none;}
.cl{ clear:both;}
.warpn{ width:100%; float:left;}
.warpn-in{ width:1200px; float:none; margin:0 auto; position:relative;}
.fl{ float:left;}
.fr{ float:right;}
@font-face {font-family: Microsoft Yahei,"微软雅黑"; src: url('hyf3gj.ttf');} 
.tc{ text-align:center;}
.tr{ text-align:right;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt80{ margin-top:80px;}
.mt100{ margin-top:100px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

::-webkit-scrollbar{width:5px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#ccc;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#aaa;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}
/**通用样式结束**/


/*head*/
.indexbg{ background:url(../images/indexbg.jpg) no-repeat center top;}
.head-top{ position:relative; z-index:999999;}
.headbox{ height:180px; *height:137px; background:url(../images/headtopbg.png) no-repeat top center; position:relative; z-index:99999;}
.headbox .logo{ float:left; width:134px;}
.headbox .nav{ float:left;}
.headbox .nav dl{ float:left; background:url(../images/navbg.png) no-repeat left 4px; font-size:16px;}
.headbox .nav dl a{ float:left; width:106px; height:150px; *width:31px; padding:41px 35px 0; color:#444648; background-image:url(../images/nav-ico.png); background-repeat:no-repeat;}
.headbox .nav dl.active a,.headbox .nav dl:hover a{ color:#008F36;}
.headbox .nav dl a dt{ float:left; width:16px; line-height:18px;}

.headbox .nav dl.icon-01 a{ background-position:37px 0px;}
.headbox .nav dl.icon-02 a{ background-position:-70px 0px;}
.headbox .nav dl.icon-03 a{ background-position:-177px 0px;}
.headbox .nav dl.icon-04 a{ background-position:-285px 0px;}
.headbox .nav dl.icon-05 a{ background-position:-393px 0px;}
.headbox .nav dl.icon-06 a{ background-position:-496px 0px;}
.headbox .nav dl.icon-07 a{ background-position:-606px 0px;}

.headbox .nav dl.active.icon-01 a,.headbox .nav dl.icon-01:hover a{ background-position:37px -150px;}
.headbox .nav dl.active.icon-02 a,.headbox .nav dl.icon-02:hover a{ background-position:-70px -150px;}
.headbox .nav dl.active.icon-03 a,.headbox .nav dl.icon-03:hover a{ background-position:-177px -150px;}
.headbox .nav dl.active.icon-04 a,.headbox .nav dl.icon-04:hover a{ background-position:-285px -150px;}
.headbox .nav dl.active.icon-05 a,.headbox .nav dl.icon-05:hover a{ background-position:-393px -150px;}
.headbox .nav dl.active.icon-06 a,.headbox .nav dl.icon-06:hover a{ background-position:-496px -150px;}
.headbox .nav dl.active.icon-07 a,.headbox .nav dl.icon-07:hover a{ background-position:-606px -150px;}

.headbox .nav dl dd{ display:none; position: absolute; left:0; top:195px; width:1200px; *width:1086px; background:url(../images/whitebg.png) repeat; z-index:99999; padding:44px 57px;}
.headbox .nav dl:hover dd{ display:block;}
.headbox .nav dl dd ul{ float:left; width:282px;}
.headbox .nav dl dd ul li{ float:left; width:100%; padding:0;}
.headbox .nav dl dd ul li a{ float:left; width:100%; font-size:16px; line-height:16px; padding:0; height:auto; padding-bottom:22px; padding-top:22px; border-bottom:solid 1px #515151; color:#505050; background:none;}
.headbox .nav dl dd ul li:first-child a{ padding-top:0;}
.headbox .nav dl.active dd ul li a,.headbox .nav dl:hover dd ul li a{ color:#505050;}
.headbox .nav dl.active dd ul li a:hover,.headbox .nav dl:hover dd ul li a:hover{ color:#008F36;}
.headbox .nav dl dd .img{ float:right; width:654px; height:356px;}
.headbox .nav dl dd .img img{ float:left; width:654px; height:356px;}

.headbox .nav dl dd ol{ float:left; width:490px;}
.headbox .nav dl dd ol li{ float:left; width:200px; margin-right:45px; padding-bottom:16px; border-bottom:solid 1px #515151; margin-bottom:20px; min-height:136px;}
.headbox .nav dl dd ol li h1{ float:left; width:100%; font-size:16px; line-height:19px; margin-bottom:10px;}
.headbox .nav dl dd ol li h1 a{ float:left; width:100%;padding:0; height:auto; background:none; color:#068f35;}
.headbox .nav dl dd ol li p{ float:left; width:100%; font-size:13px; line-height:30px;}
.headbox .nav dl dd ol li p a{ float:left; width:100%;padding:0; height:auto; background:none; color:#505050;}
.headbox .nav dl.active dd ol li p a,.headbox .nav dl:hover dd ol li p a{ color:#505050;}
.headbox .nav dl.active dd ol li p a:hover,.headbox .nav dl:hover ol li p a:hover{ color:#008F36;}
.headbox .nav dl dd .img1{ float:right; width:570px; height:500px;}
.headbox .nav dl dd .img1 img{ float:left; width:570px; height:500px;}


.headbox .right{ float:right; width:302px;}
.headbox .userbox{ float:left; width:105%; padding-bottom:12px;}
.headbox .userin{ float:right;}
.headbox .userbox .user{ float:left; line-height:35px; position:relative;}
.headbox .userbox .user a{ font-size:15px; color:#fff; padding-right:25px;  no-repeat right center;}
.headbox .userbox h1{ float:left; font-size:17px; line-height:35px; color:#fff; padding-left:25px; background:url(../images/telico.png) no-repeat left center; font-weight:400; margin-left:25px;}
.headbox .userbox .user ul{ position:absolute; top:35px; left:0px; background:#fff; display:none; border:solid 1px #c2c2c2; width:94px; *width:62px; padding:3px 16px 10px 16px;}
.headbox .userbox .user ul li{ float:left; width:100%; height:40px; line-height:40px; color:#5a5a5a;}
.headbox .userbox .user ul li a{ float:left; width:100%; text-align:center; color:#5a5a5a; background:none; border-top:solid 1px #000; padding:0;}
.headbox .userbox .user ul li:hover a{color:#008F36;}
.headbox .userbox .user ul li:first-child a{ border-top:0px;}
.headbox .right .renzheng{ float:left; margin-left:69px;}
.headbox .right .search{ float:left; width:302px; margin-top:15px;}
.headbox .right .search input[type="text"]{ float:left; width:266px; *width:251px; height:24px; line-height:24px; padding-left:15px; border:solid 1px #7f7f7f; border-right:0px; border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; behavior:url(PIE.htc);}
.headbox .right .search input[type="button"],.headbox .right .search input[type="submit"]{ float:left; width:36px; height:24px; line-height:24px; border:solid 1px #7f7f7f; border-left:0px; text-indent:-999px; background:url(../images/searchbtn.png) no-repeat left center #fff; cursor:pointer;  border-radius:0 25px 25px 0; -moz-border-radius:0 25px 25px 0; -webkit-border-radius:0 25px 25px 0; behavior:url(PIE.htc);}

.w1000{width:1200px !important;margin:0 auto;}
.ct-banner{ float:left;width:100%;height:906px;margin:15px auto 0 auto;overflow:hidden; position:relative; margin-top:-168px;}
.ct-focusbox{height:906px;position:relative;overflow:hidden;}
.ct-focusimg{height:906px;overflow:hidden;}
.ct-fimglist{position:relative;}
.ct-fimglist img{display:block;cursor:pointer;}
.ct-fimglist li{width:100%; height:906px;float:left;}
.ct-fimglist li img{ float:left; width:100%;}


.ct-focustool{overflow:hidden;position:relative;top:-97px;height:97px;background:url(../images/bg_touming.png) repeat-x;}
.ct-ftoollist{position:relative;margin-left:220px;}
.ct-ftoollist li{width:121px;height:54px;float:left;cursor:pointer; margin-left:5px;margin-top:21px;}
.ct-ftoollist li img{width:121px;height:54px;}
.ct-ftoollist .on a{width:121px;height:54px;display:block;margin-right:-4px;z-index:100;top:-5px;border:2px solid #FFF;}

#Section-1{position:relative;}
/*#Section-1 焦点图*/
#Focu{ position:relative; overflow:hidden; width:100%; height:100%; top:-168px;}
#Focu ul{ height:100%}
#Focu ul li{ display:none; position:absolute; left:0; top:0;width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#Focu ul li a{ display:block; height:1000px; width:100%}
#Focu ul li a .fImg1{ position:absolute; left:-50%; top:233px; z-index:10}
#Focu ul li a .fImg2{ position:absolute; left:20%; top:263px; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu ul li a .fImg3{ position:absolute; left:13%; top:423px; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu ul li a .fImg4{ position:absolute; left:50%; margin:0 -165px; top:0; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu ul li a .fImg5{ position:absolute; left:50%; margin-left:-211px; top:559px; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu .tyeBtn{ position:relative; width:1000px; margin:0 auto}
#Focu .tyeBtn ol{ position:absolute;left: 50%;top:-200px; z-index:11; margin-left: -44px;}
#Focu .tyeBtn ol li{ float:left; margin-right:8px; width:16px; height:16px; background:url(../images/doneCurrent.png) no-repeat 0 0; cursor:pointer}
#Focu .tyeBtn ol li.active{ background:url(../images/doneCurrent.png) no-repeat -16px 0; }
#Focu .btnDown{ border:0; background:url(../images/btnBottom.png) no-repeat; width:23px; height:84px; position:absolute; left:50%; bottom:15px; margin:0 -11px; z-index:10; cursor:pointer;}


/*Animation Css3*/
#Focu .btnDown{
	-moz-animation: Animate 1s ease infinite;-o-animation: Animate 1s ease infinite;-ms-animation: Animate 1s ease infinite;-webkit-animation: Animate 1s ease infinite;animation: Animate 1s ease infinite;}
@-webkit-keyframes Animate{
	0% { -webkit-transform:translateY(-30px); opacity: 1; }
	50% { -webkit-transform:translateY(0px); opacity: 0.2; }
	100% { -webkit-transform:translateY(-30px); opacity: 1; }
}
/*indexbox*/
.indexbox{ margin-top:0;}
.mt-168{ margin-top:-168px;}

/* flexslider */
.flexslider{margin:0 auto;position:relative;width:1200px;height:672px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease; margin-top:90px;}
.flex-viewport .img{ float:left;}
.flex-viewport .txt{ float:left; width:500px; margin-left:12px; margin-top:82px;}
.flex-viewport .txt h1{ float:left; width:100%; font-family: hyf3gj; font-size:32px; color:#068f35; line-height:50px;}
.flex-viewport .txt h2{ float:left; width:100%; font-family: hyf3gj; font-size:24px; color:#272727; line-height:40px;}
.flex-viewport .txt h3{ float:left; width:100%; font-size:16px; line-height:32px; font-weight:400;}
.flex-viewport .txt h3 a{ float:left; border:solid 1px #a5a5a5; padding:0 18px;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.flex-viewport .txt h3 a:hover{ color:#fff; background:#008F36; border:solid 1px #008F36;}
.flex-viewport .txt p{ float:left; width:100%; font-size:15px; color:#5a5a5a; line-height:40px; margin:25px 0;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:75px;height:75px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -85px;right:0px;}
.flex-direction-nav .flex-prev{left:0px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center; display:none;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*.indexbox .warp-in{ position:relative;}*/
.indexbox .aboutslider{ float:left; width:1200px; position:relative; background:url(../images/goin.png) no-repeat 13px 150px;}
.indexbox .sliderlayer{ position:absolute; top:0px; right:-28px; width:836px; height:495px; background:url(../images/videobox.png) no-repeat center center; z-index:99;}
.aboutslider #full-screen-slider{width:778px;height:448px;float:right;position:relative;margin-top:24px;}
.aboutslider #slides { display:block; width:100%; height:448px; list-style:none; padding:0; margin:0; position:relative;}
.aboutslider #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.aboutslider #slides li a { position:absolute; display:block; width:100%; height:100%; text-indent:-9999px; z-index:999;}
.aboutslider #slides li a.videobtn span{ position:absolute; left:50%; top:50%; margin-left:-49px; margin-top:-49px; width:97px; height:97px; background:url(../images/videoico.png) no-repeat center center;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.aboutslider #slides li a.videobtn span:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.aboutslider #pagination { display:block; list-style:none; position:absolute; width:182px; left:50%; bottom:64px; z-index:9999; margin:0; margin-left:-91px;}
.aboutslider #pagination li { display:block; list-style:none; width:23px; height:23px; float:left; margin-left:13px; background:url(../images/fff32.png) repeat; }
.aboutslider #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.aboutslider #pagination li.current { background:url(../images/fff81.png) repeat;}

.videoshadow{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background:url(../images/shadow.png) repeat;}
.videobox{position:absolute;top:50%;left:50%;overflow:hidden;margin:-250px 0 0 -445px;width:0;height:2px;background:#000;}
.videobox .close{position:absolute;top:5px;right:5px;z-index:333;width:26px;height:26px;background:url(../images/close.png) no-repeat;cursor:pointer;}
.videoarea{width:891px;height:435px;}
.videobox #video{float:left;background:url(../images/loading040.gif) no-repeat center center #000;}

/*
.videobox .controls{float:left;width:100%;height:65px;position:relative;background: #DDD;z-index:999;}
.videobox .controls .jp-play{cursor:pointer;position:absolute;width:27px;height:26px;overflow: hidden;text-indent: -9999px;background:url(../images/ico_play.png) no-repeat;top:30px;left:10px;}
.videobox .controls .jp-pause{cursor:pointer;position:absolute;width:27px;height:26px;overflow: hidden;text-indent: -9999px;background:url(../images/ico_pause.png) no-repeat;top:30px;left:10px;}
.videobox .controls .jp-stop{cursor:pointer;position:absolute;width:27px;height:26px;overflow: hidden;text-indent: -9999px;background:url(../images/ico_stop.png) no-repeat;top:30px;left:50px;}
.videobox .controls .jp-time{position:absolute;width:100px;height:30px;font-size:12px;color:#666;top:35px;right:130px;}
.videobox .controls .jp-time div{float:left;}
.videobox .controls .timeline{cursor:pointer;position:absolute;top:0px;left:0px;width:100%;height:20px;background:url(../images/bg_seekbar.png) repeat;}
.videobox .controls .timeline .jp-seek-bar{float:left;width:100%;height:20px;background:url(../images/bg_seekbar.png) repeat;}
.videobox .controls .timeline .jp-play-bar{float:left;width:100%;height:20px;background:url(../images/bg_playbar.png) repeat;}
.videobox .controls .jp-mute{position:absolute;width:11px;height:14px;background:url(../images/mute.png) no-repeat;right: 130px;top: 36px;cursor:pointer;}
.videobox .controls .jp-unmute{position:absolute;width:21px;height:22px;background:url(../images/unmute.png) no-repeat;right: 124px;top: 32px;cursor:pointer;}
.videobox .controls .voice{position:absolute;height:5px;width:70px;right:20px;top:30px;background:#000;width: 59px;right: 50px;top: 41px;}
.videobox .controls .voice .jp-volume-bar{position:absolute;width:100%;height:100%;background:#333;cursor:pointer;}
.videobox .controls .voice .jp-volume-bar .jp-volume-bar-value{position:absolute;height:100%;background:#5CB75C;cursor:pointer;}
.videobox .controls .jp-restore-screen{position:absolute;width:20px;height:20px;top:32px;right:20px;background:url(../images/jp-unfull.png) no-repeat;cursor:pointer;}
.videobox .controls .jp-full-screen{position:absolute;width:20px;height:20px;top:32px;right:20px;background:url(../images/jp-full.png) no-repeat;cursor:pointer;}
.videobox #control{float:left;position:relative;width:100%;}
.videobox #control .play{width:100%;height:500px;position:absolute;z-index:99;cursor:pointer;top:0px;left:0px;background:url(../images/icovideopage.png) no-repeat center center;}
*/

/*about-txt*/
/*
.indexbox .about-txt{ float:left; width:1200px;}
.indexbox .about-txt .left{ float:left; width:526px;}
.indexbox .about-txt .right{ float:right; width:390px; margin-top:78px;}
.indexbox .about-txt h1.fontit{font-family: hyf3gj; float:left; width:358px; border-bottom:solid 2px #272727; font-size:24px; line-height:42px; font-weight:400; padding-bottom:24px;}
.indexbox .about-txt p{ float:left; width:100%; color:#333; font-size:15px; line-height:40px; padding:34px 0;}
.indexbox .about-txt a.more{ float:left; width:100px; height:32px; color:#353535; font-size:15px; line-height:30px; border:solid 1px #a5a5a5; text-align:center;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.indexbox .about-txt a.more:hover{ color:#fff; background:#008F36; border:solid 1px #008F36;}

.indexbox .about-txt ul{ float:left; width:1200px;}
.indexbox .about-txt ul li{ float:left; width:300px; *width:299px; padding-top:23px;}
.indexbox .about-txt ul li a{ float:left; width:100%; text-align:center; font-size:18px; line-height:20px; color:#272727; border-left:solid 1px #c7c7c7; padding-top:230px;}
.indexbox .about-txt ul li:first-child a{ border-left:0px;}
.indexbox .about-txt ul li.icon-01{ background:url(../images/jidi-01.png) no-repeat center top;}
.indexbox .about-txt ul li.icon-02{ background:url(../images/jidi-02.png) no-repeat center top;}
.indexbox .about-txt ul li.icon-03{ background:url(../images/jidi-03.png) no-repeat center top;}
.indexbox .about-txt ul li.icon-04{ background:url(../images/jidi-04.png) no-repeat center top;}
*/

/*goin-tit*/
.goin-tit{ float:left; width:100%; height:425px; margin-top:-180px; background:url(../images/goin-ban.jpg) no-repeat center top; position:relative; z-index:1;}
.goin-tit .warp-in{ height:425px; position:relative;}
.goin-tit .goin-nav{ position:absolute; bottom:0; float:left; width:100%;}
.goin-tit .goin-nav li{ float:left; font-size:15px; margin-right:3px;}
.goin-tit .goin-nav li a{ float:left; font-size:15px; line-height:40px; padding:0 31px; background:url(../images/goin-nav.png) repeat-x left top; border-radius:12px 12px 0 0; color:#000;}
.goin-tit .goin-nav li.active a,.goin-tit .goin-nav li:hover a{ background:#fff;}

.brandban{ float:left; width:100%; height:673px; background:url(../images/brandban.jpg) no-repeat center top;}
.brandbox{ width:100%; float:left; margin:55px 0;}
.brandbox .gointab-hd{ float:left; width:150px; background:url(../images/brandline.png) no-repeat 141px 10px;}
.brandbox .gointab-hd li{ float:left; width:150px; margin-bottom:15px;}
.brandbox .gointab-hd li.active,.brandbox .gointab-hd li:hover{ background:url(../images/branddot.png) no-repeat 135px center;}
.brandbox .gointab-hd li a{ float:left; width:100px; height:100px; text-indent:-9999px; cursor:pointer; background-image:url(../images/company.png); background-color:#e8e8e8; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; behavior:url(PIE.htc);}
.brandbox .gointab-hd li.active a,.brandbox .gointab-hd li:hover a{ background-color:#747474;}
.brandbox .gointab-hd li .icon-01{ background-position:0px 0px;}
.brandbox .gointab-hd li .icon-02{ background-position:0px -100px;}
.brandbox .gointab-hd li .icon-03{ background-position:0px -200px;}
.brandbox .gointab-hd li .icon-04{ background-position:0px -300px;}
.brandbox .gointab-hd li.active .icon-01,.brandbox .gointab-hd li:hover .icon-01{ background-position:-100px 0px;}
.brandbox .gointab-hd li.active .icon-02,.brandbox .gointab-hd li:hover .icon-02{ background-position:-100px -100px;}
.brandbox .gointab-hd li.active .icon-03,.brandbox .gointab-hd li:hover .icon-03{ background-position:-100px -200px;}
.brandbox .gointab-hd li.active .icon-04,.brandbox .gointab-hd li:hover .icon-04{ background-position:-100px -300px;}

.brandbox .goin-main{ float:right; width:1000px; *width:960px; padding:0 20px;}
.brandbox .goin-main .goin-company{ float:left; width:100%;}
.brandbox .goin-main .goin-company p{ font-size:16px; line-height:40px; text-indent:2em;}
.brandbox .goin-main .goin-company .tab-bd{ float:left; width:100%; height:400px;}
.brandbox .goin-main .goin-company .tab-bd li{ display:none; float:left;}
.brandbox .goin-main .goin-company .tab-bd img{ float:left; width:990px; height:400px;}
.brandbox .goin-main .goin-company .tab-hd{ float:left; width:100%; margin-top:16px;}
.brandbox .goin-main .goin-company .tab-hd li{ float:left; padding:0 9px; font-size:16px; line-height:46px; cursor:pointer;}
.brandbox .goin-main .goin-company .tab-hd li.active{ color:#068F35; background:url(../images/year-arrow.png) no-repeat top center;}

/*tabbox*/
.in-about{ background:url(../images/in-aboutbg.jpg) no-repeat center top;}
.indexbox .tabbox{ float:left; width:1400px; margin-top:130px; margin-left:-100px; height:470px; position:relative; background:url(../images/goshop.png) no-repeat right 20px;}
.indexbox .tabbox .tab{ float:right; width:1032px; margin-right:362px;}
.indexbox .tabbox .tab .tab-hd{ float:right; position:relative; z-index:1;}
.indexbox .tabbox .tab .tab-hd li{ float:left; width:100px; *width:96px; height:90px; margin-left:4px; text-align:center; font-size:15px; color:#272727; line-height:33px; cursor:pointer; border:solid 2px #000; border-radius:12px;}
.indexbox .tabbox .tab .tab-hd li h1{ font-size:16px; line-height:28px; padding-top:20px;}
.indexbox .tabbox .tab .tab-hd li p{ font-size:9px; letter-spacing:-1px; line-height:24px;/*-webkit-transform: scale(0.8);*/}
.indexbox .tabbox .tab .tab-hd li.active{ background:#068f35; border:solid 2px #068f35; color:#fff;}
.indexbox .tabbox .tab .tab-bd{ float:right; width:100%;}
.indexbox .tabbox .tab .tab-bd li{ display:none; float:right; width:100%; position:relative; padding-top:40px;}
.indexbox .tabbox .tab .tab-bd li img{ position:absolute; top:0;}
.indexbox .tabbox .tab .tab-bd li .box{ float:right; width:515px;}
.indexbox .tabbox .tab .tab-bd li .box h1{ float:left; width:100%; line-height:52px; padding-bottom:13px; border-bottom:solid 1px #b7b7b7; color:#272727;}
.indexbox .tabbox .tab .tab-bd li .box h1 span{ float:left; height:52px; font-family: hyf3gj; padding-right:34px; font-size:24px; border-right:solid 1px #9d9d9d; line-height:52px; color:#008F36;}
.indexbox .tabbox .tab .tab-bd li .box h1 em{ float:left; height:52px;  font-size:16px; padding-left:30px; font-weight:400;}
.indexbox .tabbox .tab .tab-bd li .box p{ float:left; width:100%; font-size:15px; color:#272727; line-height:35px; padding:20px 0;}
.indexbox .tabbox .tab .tab-bd li .box a.more{ float:left; width:100px; height:32px; color:#353535; font-size:15px; line-height:30px; border:solid 1px #a5a5a5; text-align:center;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.indexbox .tabbox .tab .tab-bd li:hover .box a.more{ color:#fff; background:#008F36; border:solid 1px #008F36;}

/*zajilist*/
.indexbox .zajilist{ float:left; width:1230px; height:550px; margin-top:116px; margin-left:-15px; background:url(../images/zaji.png) no-repeat left 5px;}
.indexbox .zajilist ul{ float:right;}
.indexbox .zajilist ul li{ float:left; width:350px; *width:279px; padding:0 51px 0 20px; /*background:url(../images/zajilist.png) no-repeat center 50px;*/ color:#272727;}
.indexbox .zajilist ul li img{ float:left; width:248px; height:220px;}
.indexbox .zajilist ul li h1,.indexbox .zajilist ul li h2,.indexbox .zajilist ul li h3,.indexbox .zajilist ul li p{ float:left; width:100%; font-weight:400;}
.indexbox .zajilist ul li h1{ font-size:19px; line-height:24px; padding-bottom:25px; text-align:left;}
.indexbox .zajilist ul li h1 span{ float:left; margin-left:28px;}
.indexbox .zajilist ul li h1 a.more{ float:right; font-size:12px; width:68px; height:22px; color:#353535; line-height:20px; border:solid 1px #a5a5a5; text-align:center;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.indexbox .zajilist ul li:hover h1 a.more{ color:#fff; background:#008F36; border:solid 1px #008F36;}
.indexbox .zajilist ul li .img{ float:left; width:288px; height:221px; border:solid 1px #aaa;}
.indexbox .zajilist ul li .img img{ float:left; width:274px; height:207px; margin-left:6px; margin-top:6px;}
.indexbox .zajilist ul li h2{ padding-top:62px; font-size:15px; line-height:26px; padding-top:24px;}
.indexbox .zajilist ul li p{ font-size:13px; line-height:21px; padding-top:20px;}
.indexbox .zajilist ul li h3{ padding-top:24px; font-size:12px;}
.indexbox .zajilist ul li h3 span{ float:right; padding-right:5px; line-height:22px;}

/*brandbox*/
/*
.indexbox .brandbox{ float:left; width:1288px; *width:1050px; padding-left:238px; background:url(../images/brand.png) no-repeat right 72px; margin-top:175px; margin-bottom:340px;}
.indexbox .brandbox dl{ float:left; width:392px; color:#222;}
.indexbox .brandbox dl:first-child{ margin-top:120px;}
.indexbox .brandbox dl dt{ float:left; height:52px; line-height:52px; font-size:19px; border-bottom:solid 2px #b6b6b6; padding-right:15px; margin-bottom:20px;}
.indexbox .brandbox dl dd{ float:left; width:288px; font-size:12px; line-height:36px;}
.indexbox .brandbox dl dd .more{ float:left; width:68px; margin:20px 0; height:22px; color:#353535; line-height:20px; border:solid 1px #a5a5a5; text-align:center;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.indexbox .brandbox dl:hover dd .more{ color:#fff; background:#008F36; border:solid 1px #008F36;}
*/
.in-videobox{ background:url(../images/in-videobg.jpg) no-repeat center top; height:630px;}
.in-videobox .warp-in{ position:relative;}
.in-videobox .video{ width:650px; height:360px; margin-left:80px; margin-top:90px; position:relative; z-index:1;}
.in-videobox .in-videotit{ position:absolute; width:454px; height:271px; top:20px; right:0px; background:url(../images/in-videotit.png) no-repeat center top;}

/*foot*/
.footbox{ padding-top:15px; background:#fff; position:relative; z-index:9999;}
.footbox h1.logo{ float:left; width:192px; text-align:center; font-weight:400; color:#5a5a5a; background: url(../images/foot-logo.png) no-repeat top center; margin-top:-15px; margin-right:15px;}
.footbox h1.logo a{ float:left; font-size:19px; line-height:20px; padding-top:130px; width:192px; color:#5a5a5a;}
.footbox dl{ float:left; height:134px; border-left:solid 1px #8a8a8a; padding:0 26px;}
.footbox dl.foot-nav-01{ border-left:0px;}
.footbox dl dt a{ font-size:16px; color:#000; line-height:25px;}
.footbox dl dt a:hover{ color:#008F36;}
.footbox dl dd a{ font-size:14px; color:#787878; line-height:25px;}
.footbox dl dd a:hover{ color:#008F36;}
.footbox .ewm{ float:right;}
.footbox .ewm li{ float:left; width:134px; margin:0 5px; padding-top:135px; text-align:center; color:#777; font-size:13px; line-height:24px;}
.footbox .ewm li.wechat{ background:url(../images/wechat.jpg) no-repeat center top;}
.footbox .ewm li.app{ background:url(../images/app.jpg) no-repeat center top;}
.footbox .footbtm{ float:left; width:1200px; margin:52px 0; font-size:14px; line-height:14px; color:#555;}
.footbox .footbtm li.msg{ float:left; padding-left:10px;}
.footbox .footbtm li.link{ float:right; padding-right:10px;}
.footbox .footbtm li.link a{ float:left; height:14px; padding:0 12px; border-left:solid 1px #555; color:#555; line-height:14px;}
.footbox .footbtm li.link a:first-child{ border-left:0px;}
.footbox .footbtm li.link a:hover{ color:#008F36;}

/*floatbox*/
.floatbox{ position:fixed; right:15px; bottom:70px; width:50px; height:324px; z-index:99999;}
.floatbox li{ float:left; width:50px; height:50px; margin-bottom:4px; position:relative;}
.floatbox li.gotop{ display:none;}
.floatbox li a{ float:left; width:50px; height:50px; background-image:url(../images/float-ico.png); background-repeat:no-repeat;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;}
.floatbox li.cart a{ background-position:0px 0px;}
.floatbox li.app a{ background-position:0px -50px;}
.floatbox li.wechat a{ background-position:0px -100px;}
.floatbox li.kefu a{ background-position:0px -150px;}
.floatbox li.tel a{ background-position:0px -200px;}
.floatbox li.gotop a{ background-position:0px -250px;}
.floatbox li.cart a:hover{ background-position:-60px 0px;}
.floatbox li.app a:hover{ background-position:-60px -50px;}
.floatbox li.wechat a:hover{ background-position:-60px -100px;}
.floatbox li.kefu a:hover{ background-position:-60px -150px;}
.floatbox li.tel a:hover{ background-position:-60px -200px;}
.floatbox li.gotop a:hover{ background-position:-60px -250px;}
.floatbox li.cart i{ position: absolute; top: -8px; left: 42px; height: 16px; line-height:16px; text-align: center; color: #fff; font-size: 12px; background:#66a439; padding:0 5px; border-radius:8px 8px 8px 0;}
.floatbox li.app span{ display:none; position:absolute; left:-172px; top:-65px; width:172px; height:172px; background:url(../images/appma_icon.png) no-repeat center center;}
.floatbox li.wechat span{ display:none; position:absolute; left:-172px; top:-65px; width:172px; height:172px; background:url(../images/appma_icon.png) no-repeat center center;}
.floatbox li.tel span{ display:none; position:absolute; left:-172px; top:0px; width:179px; height:50px; background:url(../images/phonee_icon.png) no-repeat center center;}
.floatbox li.app:hover span{ display:block;}
.floatbox li.wechat:hover span{ display:block;}
.floatbox li.tel:hover span{ display:block;}

/*about*/
.aboutbg{ background:url(../images/aboutbg.jpg) no-repeat center top;}
.goinyjh{ position:absolute; top:295px; left:50%; margin-left:-163px;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.goinyjh:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);}
.aboutbox{ margin-top:545px;}
.arrowbg-top,.arrowbg-btm{ float:left; width:100%; height:250px; z-index:999; position:relative;}
.arrowbg-top{ background:url(../images/arrowbg-top.png) no-repeat center top;}
.arrowbg-btm{ background:url(../images/arrowbg-btm.png) no-repeat center top;}
h1.abouttit,h2.abouttit{ float:left; width:100%; text-align:center; font-weight:400;}
h1.abouttit{ font-size:35px; line-height:60px;}
h2.abouttit{ font-size:24px; line-height:50px;}
.aboutbox .aboutart,.aboutlist .aboutart{ float:left; width:100%; font-size:16px; line-height:40px;}

.abt-slider{ float:left; width:100%; margin-top:-190px; position:relative;}
.abt-slider #full-screen-slider{width:100%;height:980px;float:left;position:relative;}
.abt-slider #slides { display:block; width:100%; height:980px; list-style:none; padding:0; margin:0; position:relative;}
.abt-slider #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.abt-slider #slides li a { position:absolute; display:block; width:100%; height:100%; text-indent:-9999px; z-index:999;}
.abt-slider #slides li a.videobtn span{ position:absolute; left:50%; top:50%; margin-left:-49px; margin-top:-49px; width:97px; height:97px; background:url(../images/videoico.png) no-repeat center center;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.abt-slider #slides li a.videobtn span:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.abt-slider #pagination { display:block; list-style:none; position:absolute; width:182px; left:50%; bottom:144px; z-index:9999; margin:0; margin-left:-91px;}
.abt-slider #pagination li { display:block; list-style:none; width:23px; height:23px; float:left; margin-left:13px; background:url(../images/fff32.png) repeat; }
.abt-slider #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.abt-slider #pagination li.current { background:url(../images/fff81.png) repeat;}
.abt-slider .arrowbg-top{ margin-top:-190px;}

.aboutlist{ float:left; width:100%; position:relative; z-index:10000}
.aboutlist .pro{ float:left; width:1218px;}
.aboutlist .pro li{ position:relative; float:left; width:286px; *width:156px; height:432px; *height:367px; overflow:hidden; margin-right:18px; background:#f2f3f5; padding:65px 71px 0 71px; text-align:center;}
.aboutlist .pro li span{ display:block; float:none; margin:0 auto; width:15px; color:#666; font-size:14px; line-height:17px;}
.aboutlist .pro li i{ display:block; float:none; margin:0 auto; margin-top:15px; width:140px; height:140px; border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px; overflow:hidden;}
.aboutlist .pro li img{ float:left; width:140px; height:140px;}
.aboutlist .pro li a{ position:absolute; left:0; top:0; width:286px; *width:252px; height:432px; *height:408px; padding:12px 17px; background:url(../images/blackbg.png) repeat; *background:#ccc; background:rgba(0,0,0,0.5); transition: All 0.8s ease-in-out;-webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; font-size:14px; line-height:25px; text-align:left; color:#fff; behavior:url(PIE.htc);}
.aboutlist .pro li:hover a{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.aboutlist .zheng{ float:left; width:1200px; text-align:center;}
.aboutlist .zheng li{ display:inline-block; margin:0 5px;}

.aboutlist .renz{ float:left; width:1200px; text-align:center;}
.aboutlist .renz li{ display:inline-block; margin:0 15px; position:relative; padding-bottom:15px; position:relative; z-index:999;}
.aboutlist .renz li .renz-in{ display:none; position:absolute; width:580px; text-align:center; *width:540px; top:135px; left:0; margin-left:-250px; padding:10px 20px; border:solid 1px #2d2d2d; background:#fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; behavior:url(PIE.htc);}
.aboutlist .renz li:hover .renz-in{ display:block;}
.aboutlist .renz li .renz-in li{ display: inline-block; margin:0 3px; padding-bottom:0;}
.aboutlist .renz li .renz-in i{ position:absolute; top:-14px; left:50%; margin-left:-7px; width:25px; height:14px; background:url(../images/renz-arrow.jpg) no-repeat center center; z-index:9999;}

.aboutban-a{ float:left; width:100%; height:506px; background:url(../images/aboutban-a.jpg) no-repeat center top;}
.aboutban-b{ float:left; width:100%; height:739px; background:url(../images/aboutban-b.jpg) no-repeat center top;}
.aboutban-c{ float:left; width:100%; height:740px; background:url(../images/aboutban-c.jpg) no-repeat center top;}
.about-artmain{ float:left; width:100%; margin:20px 0 40px 0;}
.about-artmain dl{ float:left; width:1200px; margin-bottom:80px;}
.about-artmain dt{ float:left; width:313px; border-top:solid 2px #b4dff9; padding-top:24px;}
.about-artmain dt h1{ float:left; width:100%; font-size:25px; line-height:45px; font-weight:400; margin-bottom:18px;}
.about-artmain dt p{ float:left; width:100%; font-size:14px; line-height:25px;}
.about-artmain dd{ float:right; width:856px; border-top:solid 2px #b4dff9; padding-top:24px;}
.about-artmain dd p{ float:left; width:632px; font-size:14px; line-height:24px; padding:24px 0 38px;}

.talkbox{ float:left; width:1200px; padding-top:20px; margin-top:20px; border-top:solid 2px #b4dff9;}
.talkbox li{ position:relative; min-width:620px; min-height:102px; background:#b4dff9; padding:15px 100px; margin-bottom:35px; border-radius:10px; behavior:url(PIE.htc);}
.talkbox li.fl{ float:left;}
.talkbox li.fr{ float:right;}
.talkbox li img{ position:absolute; top:50%; margin-top:-40px; width:80px; height:80px; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; behavior:url(PIE.htc);}
.talkbox li p{ font-size:15px; line-height:26px;}
.talkbox li p b{ font-size:24px; font-weight:400;}
.talkbox li.fl img{ left:15px;}
.talkbox li.fr img{ right:15px;}
.talkbox li.fl{ padding-left:125px;}
.talkbox li.fr{ padding-right:125px;}
.talkdown{ float:left; width:1200px; text-align:center;}
.talkdown li{ display:inline-block; width:306px; margin:0 15px;}
.talkdown li img{ float:left; width:306px; height:195px;}
.talkdown li p{ float:left; width:306px; height:74px; line-height:74px; font-size:15px;}


/*农场扎记*/
.zajibox{ float:left;width:100%; margin:55px 0;}
.zajibox .sub{ float:left; width:206px; height:300px; top:10px; overflow:visible;}
.zajibox .sub01{ width:206px; height:0px; margin-bottom:10px;}

.zajibox #sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
.zajibox .fiexd{ float:left; width:206px;}
.zajibox .fiexd h1{ float:left; width:206px; padding:15px 0 42px; border-bottom:solid 1px #505050;}
.zajibox .fiexd h2{ float:left; width:206px; padding-left:20px; background:url(../images/openbar.png) no-repeat left center; color:#8c8c8c; font-size:15px; line-height:30px; cursor:pointer; margin-top:10px;}
.zajibox .fiexd h2.active{background:url(../images/closebar.png) no-repeat left center;}
.zajibox .fiexd .openlist{ display:none; float:left; width:206px;}
.zajibox .fiexd .openlist.active{ display:block;}
.zajibox .fiexd ul{ float:left; width:206px; padding:20px 0; border-bottom:solid 1px #505050; margin-bottom:20px;}
.zajibox .fiexd ul.bdn{ border-bottom:0px;}
.zajibox .fiexd ul li{ float:left; width:206px; height:29px; line-height:29px; font-size:16px;}
.zajibox .fiexd ul li a{ color:#000; padding-left:21px;}
.zajibox .fiexd ul li.active a{ background:url(../images/dot.png) no-repeat 5px center;}
.zajibox .fiexd ul li a:hover{ background:url(../images/dot-a.png) no-repeat 5px center;}
.zajibox .fiexd p{ float:left; width:100%; font-size:13px; line-height:24px;}
.zajibox .fiexd p a{color:#505050; padding-left:21px;}
.zajibox .fiexd p.active a{ background:url(../images/dot.png) no-repeat 5px center;}
.zajibox .fiexd p:hover a{ background:url(../images/dot-a.png) no-repeat 5px center;}
.zajibox .main{ float:right; width:856px;}
.zajibox .main h1{ font-size:21px; line-height:42px; padding-bottom:35px; border-bottom:solid 1px #2b2b2b; margin-bottom:20px; font-weight:800;}
.zajibox .main .mainbox{}
.zajibox .main .mainbox h2{ font-size:19px; line-height:40px; font-weight:400; margin-top:20px;}
.zajibox .main .mainbox p{ font-size:15px; line-height:40px; margin-bottom:10px;}
.zajibox .main .mainbox ul{ float:left; width:100%; margin-top:10px; margin-bottom:20px;}
.zajibox .main .mainbox ul li{ float:left; margin-right:5px;}
.zajibox .main .mainbox ul li img{ float:left;}
.zajibox .main .mainbox ul li p{ width:100%; font-size:12px; line-height:21px; color:#000;}
.zajibox .main .mainbox ul.wenda li{ margin-right:20px;}

/*brandban*/
.brandban{ float:left; width:100%; height:673px; background:url(../images/brandban.jpg) no-repeat center top;}
.brandbox{ width:100%; float:left; margin:55px 0;}
.brandbox .brandtab-hd{ float:left; width:180px; background:url(../images/brandline.png) no-repeat 171px 10px;}
.brandbox .brandtab-hd li{ float:left; width:180px; margin-bottom:15px;}
.brandbox .brandtab-hd li.active,.brandbox .brandtab-hd li:hover{ background:url(../images/branddot.png) no-repeat 165px center;}
.brandbox .brandtab-hd li a{ float:left; width:117px; height:117px; text-indent:-9999px; cursor:pointer; background-image:url(../images/brandlist.png); background-color:#e8e8e8; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; behavior:url(PIE.htc);}
.brandbox .brandtab-hd li.active a,.brandbox .brandtab-hd li:hover a{ background-color:#747474;}
.brandbox .brandtab-hd li .icon-01{ background-position:0px 0px;}
.brandbox .brandtab-hd li .icon-02{ background-position:0px -118px;}
.brandbox .brandtab-hd li .icon-03{ background-position:0px -235px;}
.brandbox .brandtab-hd li .icon-04{ background-position:0px -352px;}
.brandbox .brandtab-hd li .icon-05{ background-position:0px -468px;}
.brandbox .brandtab-hd li.active .icon-01,.brandbox .brandtab-hd li:hover .icon-01{ background-position:-150px 0px;}
.brandbox .brandtab-hd li.active .icon-02,.brandbox .brandtab-hd li:hover .icon-02{ background-position:-150px -118px;}
.brandbox .brandtab-hd li.active .icon-03,.brandbox .brandtab-hd li:hover .icon-03{ background-position:-150px -235px;}
.brandbox .brandtab-hd li.active .icon-04,.brandbox .brandtab-hd li:hover .icon-04{ background-position:-150px -352px;}
.brandbox .brandtab-hd li.active .icon-05,.brandbox .brandtab-hd li:hover .icon-05{ background-position:-150px -468px;}
.brandbox .fiexd{ float:left; width:180px;}
.brandbox .main{ float:right; width:975px;}
.brandbox #sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }

.brandbox .brandtab-bd{ float:left;width:100%;}
.brandbox .brandtab-bd .brandmain{ float:left; width:100%; margin-bottom:100px;}
.brandbox .brandtab-bd .yuangong dl{ float:left; width:975px; margin-bottom:50px; }
.brandbox .brandtab-bd .yuangong dl dt{ width:482px;}
.brandbox .brandtab-bd .yuangong dl dt img{ width:482px;}
.brandbox .brandtab-bd .yuangong dl dd{ width:453px; font-size:15px; line-height:30px;}
.brandbox .brandtab-bd .yuangong dl dd h1{ font-size:19px; line-height:48px; font-weight:400; padding-bottom:20px;}
.brandbox .brandtab-bd .yuangong dl dd h1 b{ font-size:24px; font-weight:400;}
.brandbox .brandtab-bd .yuangong dl dd p{ font-size:13px; line-height:23px;}
.brandbox .brandtab-bd .yuangong dl.odd dt{ float:left;}
.brandbox .brandtab-bd .yuangong dl.even dt{ float:right;}
.brandbox .brandtab-bd .yuangong dl.odd dd{ float:right;}
.brandbox .brandtab-bd .yuangong dl.even dd{ float:left;}
.brandbox .brandtab-bd .yuangong dl.even dd h1{padding-top:10px;}

.brandbox .brandtab-bd .pinpai dl{ float:left; width:925px; margin-bottom:35px; }
.brandbox .brandtab-bd .pinpai dl dt{ float:left; width:232px; height:93px;}
.brandbox .brandtab-bd .pinpai dl dd{ float:left; width:668px; height:93px; margin-left:25px; }
.brandbox .brandtab-bd .pinpai dl dd h1{ float:left; width:100%; font-size:19px; line-height:28px; font-weight:400;}
.brandbox .brandtab-bd .pinpai dl dd h1 a{ color:#1b1b1b;}
.brandbox .brandtab-bd .pinpai dl dd p{ font-size:14px; line-height:28px;}
.brandbox .brandtab-bd .pinpai dl dd p a{ color:#dd0000;}
.brandbox .brandtab-bd .kehu dl{ float:left; width:307px; height:607px; margin-left:26px; position:relative;}
.brandbox .brandtab-bd .kehu dl:first-child{ margin-left:0;}
.brandbox .brandtab-bd .kehu dl dd{ position:absolute; width:307px; height:607px; *width:247px; *height:537px; top:0; left:0; padding:35px 30px; position:absolute;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; background:url(../images/blackbg.png) repeat; color:#fff; font-size:13px; line-height:26px; text-align:left;}
.brandbox .brandtab-bd .kehu dl dd:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.brandbox .brandtab-bd .zhongzhi{ position:relative; height:1348px; background:url(../images/zhongzhi.png) no-repeat left 92px;}
.brandbox .brandtab-bd .zhongzhi dl{ position:absolute;}
.brandbox .brandtab-bd .zhongzhi dt{ font-size:19px; line-height:32px;}
.brandbox .brandtab-bd .zhongzhi dd{ font-size:15px; line-height:32px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-01{ left:368px; top:0px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-02{ left:559px; top:139px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-03{ left:559px; top:339px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-04{ left:115px; top:135px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-05{ left:85px; top:421px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-06{ left:526px; top:495px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-07{ left:240px; top:600px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-08{ left:666px; top:683px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-09{ left:420px; top:798px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-10{ left:5px; top:768px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-11{ left:109px; top:914px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-12{ left:486px; top:914px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-13{ left:510px; top:1054px;}
.brandbox .brandtab-bd .zhongzhi dl.icon-14{ left:319px; top:1256px;}

.brandbox .brandtab-bd .jianchi{ text-align:center;}
.brandbox .brandtab-bd .jianchi dl{ position:relative; width:896px; height:233px; float:none; display:inline-block; padding:10px; margin-bottom:60px; background:#fff; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px rgba(0,0,0,0.5); behavior:url(PIE.htc);}
.brandbox .brandtab-bd .jianchi dl a{ width:439px; *width:399px; height:213px; *height:161px; padding:26px 20px; top:10px; position:absolute;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; background:url(../images/jianchibg.png) repeat; color:#fff; font-size:12px; line-height:19px; text-align:left;}
.brandbox .brandtab-bd .jianchi dl:hover a{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.brandbox .brandtab-bd .jianchi dl.odd a{ right:10px;}
.brandbox .brandtab-bd .jianchi dl.even a{ left:10px;}

/*shopban*/
.shop-slider{ float:left; width:100%; position:relative;}
#tcmaodian{ margin-top:20px;}
.shop-slider .full-screen-slider{width:100%;height:449px;float:left;position:relative;}
.shop-slider .slides { display:block; width:100%; height:449px; list-style:none; padding:0; margin:0; position:relative;}
.shop-slider .slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.shop-slider .slides li a { position:absolute; display:block; width:100%; height:100%; text-indent:-9999px; z-index:999;}
.shop-slider .slides li a.videobtn span{ position:absolute; left:50%; top:50%; margin-left:-49px; margin-top:-49px; width:97px; height:97px; background:url(../images/videoico.png) no-repeat center center;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.shop-slider .slides li a.videobtn span:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.shop-slider #pagination,.shop-slider #pagination1,.shop-slider #pagination2,.shop-slider #pagination3,.shop-slider #pagination4 { display:block; list-style:none; position:absolute; width:428px; left:50%; bottom:18px; z-index:9999; margin:0; margin-left:-214px;}
.shop-slider #pagination li,.shop-slider #pagination1 li,.shop-slider #pagination2 li,.shop-slider #pagination3 li,.shop-slider #pagination4 li { display:block; list-style:none; width:89px; height:11px; float:left; margin:0 9px; background:rgba(192,192,192,0.3); behavior:url(PIE.htc);}
.shop-slider #pagination li a,.shop-slider #pagination1 li a,.shop-slider #pagination2 li a,.shop-slider #pagination li3 a,.shop-slider #pagination3 li a,.shop-slider #pagination4 li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.shop-slider #pagination li.current,.shop-slider #pagination1 li.current,.shop-slider #pagination2 li.current,.shop-slider #pagination3 li.current,.shop-slider #pagination4 li.current { background:rgba(192,192,192,0.8);}

/*shoplist*/
.shopbox{ float:left; width:100%;}
.shopbox .shoplist{  width:1200px; position:relative; margin:43px 0 81px; min-height:400px;}
.shopbox .shoplist .shoptit{ position:absolute; left:0; top:-107px; width:215px; height:507px; background:#fff; -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px rgba(0,0,0,0.5); behavior:url(PIE.htc);}
.shopbox .shoplist .shoptit img{ position:absolute;}
.shopbox .shoplist .shoptit-a img{ top:13px; right:13px;}
.shopbox .shoplist .shoptit-b img{ top:13px; right:5px;}
.shopbox .shoplist .shoptit-c img{ top:13px; right:-52px;}
.shopbox .shoplist .shoptit-d img{ top:13px; right:13px;}
.shopbox .shoplist .shoptit-e img{ top:13px; right:13px;}
.shopbox .shoplist .taocan{ float:right;}
.shopbox .shoplist .taocan li{ float:left; width:288px; margin-left:30px;}
.shopbox .shoplist .taocan li img{ float:left; width:288px; height:288px;}
.shopbox .shoplist .taocan li h1{ float:left; width:288px; padding-top:12px; font-size:19px; line-height:32px; font-weight:400;}
.shopbox .shoplist .taocan li p{ float:left; width:288px; height:56px; font-size:16px; line-height:28px;}
.shopbox .shoplist .taocan li p span{ float:left; width:288px;}
.shopbox .shoplist .taocan li a{ float:left; margin-top:12px; width:100px; height:28px; line-height:26px; font-size:13px; color:#fd9538; background:#fff; border:solid 1px #ffc998; text-align:center; cursor:pointer; transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; behavior:url(PIE.htc);}
.shopbox .shoplist .taocan li a:hover{ background:#ffc998; color:#fff;}

.shopban{ float:left; width:100%; height:450px;}
.shopban-a{ background:url(../images/shopban-a.jpg) no-repeat center top;}
.shopban-b{ background:url(../images/shopban-b.jpg) no-repeat center top;}
.shopban-c{ background:url(../images/shopban-c.jpg) no-repeat center top;}
.shopban-d{ background:url(../images/shopban-d.jpg) no-repeat center top;}

.shopbox .shoplist .shopmain{ width:985px; *width:577px; min-height:400px; float:right; padding-left:408px;}
.shopbox .shoplist .shopmain-shucai{ background:url(../images/jidi-a.png) no-repeat 108px center;}
.shopbox .shoplist .shopmain-dami{ background:url(../images/jidi-b.png) no-repeat 40px center;}
.shopbox .shoplist .shopmain-xiaomi{ background:url(../images/jidi-c.png) no-repeat 40px center;}
.shopbox .shoplist .shopmain-jidan{ background:url(../images/jidi-d.png) no-repeat 104px center;}
.shopbox .shoplist .shopmain dt{ float:left; width:216px; *width:171px; height:342px; padding-right:45px; position:relative; color:#2f2f2f;}
.shopbox .shoplist .shopmain dt h1{ float:left; width:100%; font-size:24px; line-height:32px; font-weight:400; margin-bottom:8px;}
.shopbox .shoplist .shopmain dt p{ float:left; width:100%; font-size:17px; line-height:32px;}
.shopbox .shoplist .shopmain dt p span{ float:left;}
.shopbox .shoplist .shopmain dt p img{ float:left; max-width:100%; margin-top:20px;}
.shopbox .shoplist .shopmain dt a.more{ position:absolute; left:0; bottom:0; width:161px; height:33px; line-height:33px; font-size:18px; color:#000; text-align:center; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url(PIE.htc);}
.shopbox .shoplist .shopmain dt a.more:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.shopbox .shoplist .shopmain dt a.more1{ background:#c5d152;}
.shopbox .shoplist .shopmain dt a.more2{ background:#ebdcd5;}
.shopbox .shoplist .shopmain dt a.more3{ background:#fff0b5;}
.shopbox .shoplist .shopmain dt a.more4{ border:solid 1px #333; background:#fff;}
.shopbox .shoplist .shopmain dd{ float:right; width:359px; height:342px; background:#ececf3; position:relative; overflow:hidden;}
.shopbox .shoplist .shopmain dd img{ float:left; width:359px; height:342px;}
.shopbox .checkmore{ float:right; width:359px; height:33px; line-height:33px; font-size:18px; background:#9daa1d; color:#fff; text-align:center; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;  border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; behavior:url(PIE.htc);}
.shopbox .checkmore:hover{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}


.shopbox .shoplist .shopmain dd .buybtn{ position:absolute; top:359px; left:0; width:359px; *width:179px; height:342px; *height:172px; padding:85px 90px; color:#fff; background:url(../images/blackbg.png) repeat; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; behavior:url(PIE.htc);}
.shopbox .shoplist .shopmain dd:hover .buybtn{ top:0;filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.shopbox .shoplist .shopmain dd .buybtn h1{ float:left; width:100%; height:45px; overflow:hidden; font-size:23px; line-height:45px; font-weight:400;}
.shopbox .shoplist .shopmain dd .buybtn p{ float:left; width:100%; font-size:15px; line-height:26px;}
.shopbox .shoplist .shopmain dd .buybtn p b{ color:#FF8100; font-size:18px; font-weight:800;}
.shopbox .shoplist .shopmain dd .buybtn p .submit{ cursor:pointer; padding:0 20px; background:#fff; color:#000; font-size:14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(PIE.htc);}
.shopbox .shoplist .shopmain dd .buybtn p .min,.shopbox .shoplist .shopmain dd .buybtn p .add{ float:left; width:20px; font-size:13px; line-height:20px; margin-right:5px; cursor:pointer; background:none; border:solid 1px #fff; color:#fff; border-radius:3px;}
.shopbox .shoplist .shopmain dd .buybtn p .text_box{ float:left; width:40px; font-size:13px; line-height:20px; text-align:center; margin-right:5px;background:none; border:solid 1px #fff; color:#fff; border-radius:3px;}





.shopbox .shoplist .shucailist{ float:left; width:1205px; margin-top:80px; display:none;}
.shopbox .shoplist .shucailist li{ float:left; width:167px; height:167px; background:#ececf3; position:relative; margin-right:5px; margin-bottom:5px; overflow:hidden;}
.shopbox .shoplist .shucailist li img{ float:left; width:167px; height:167px;}
.shopbox .shoplist .shucailist li .buybtn{ position:absolute; top:167px; left:0; width:167px; *width:107px; height:167px; *height:137px; padding:15px 30px; color:#fff; background:url(../images/blackbg.png) repeat; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; behavior:url(PIE.htc);}
.shopbox .shoplist .shucailist li:hover .buybtn{ top:0;filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.shopbox .shoplist .shucailist li .buybtn h1{ float:left; width:100%; height:28px; overflow:hidden; font-size:17px; line-height:28px; font-weight:400;}
.shopbox .shoplist .shucailist li .buybtn p{ float:left; width:100%; font-size:12px; line-height:24px;}
.shopbox .shoplist .shucailist li .buybtn p b{ color:#FF8100; font-size:18px; font-weight:800;}
.shopbox .shoplist .shucailist li .buybtn p .min,.shopbox .shoplist .shucailist li .buybtn p .add{ float:left; width:20px; font-size:13px; line-height:20px; margin-right:5px; cursor:pointer; background:none; border:solid 1px #fff; color:#fff; border-radius:3px;}
.shopbox .shoplist .shucailist li .buybtn p .text_box{ float:left; width:40px; font-size:13px; line-height:20px; text-align:center; margin-right:5px;background:none; border:solid 1px #fff; color:#fff; border-radius:3px;}
.shopbox .shoplist .shucailist li .buybtn p .submit{ cursor:pointer; padding:0 20px; background:#fff; color:#000; font-size:14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(PIE.htc); cursor:default}


.shopbox .shoplist .prolist{ float:left; width:1230px; margin-top:80px;}
.shopbox .shoplist .prolist li{ float:left; width:380px; height:380px; background:#ececf3; position:relative; margin-right:30px; overflow:hidden;}
.shopbox .shoplist .prolist li img{ float:left; width:380px; height:380px;}
.shopbox .shoplist .prolist li .buybtn{ position:absolute; top:380px; left:0; width:380px; *width:107px; height:380px; *height:97px; padding:85px 90px; color:#fff; background:url(../images/blackbg.png) repeat; transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; behavior:url(PIE.htc);}
.shopbox .shoplist .prolist li:hover .buybtn{ top:0;filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.shopbox .shoplist .prolist li .buybtn h1{ float:left; width:100%; height:45px; overflow:hidden; font-size:23px; line-height:45px; font-weight:400;}
.shopbox .shoplist .prolist li .buybtn p{ float:left; width:100%; font-size:15px; line-height:26px;}
.shopbox .shoplist .prolist li .buybtn p b{ color:#FF8100; font-size:18px; font-weight:800;}
.shopbox .shoplist .prolist li .buybtn p .submit{ cursor:pointer; padding:0 20px; background:#fff; color:#000; font-size:14px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(PIE.htc);}
.shopbox .shoplist .prolist li .buybtn p .min,.shopbox .shoplist .prolist li .buybtn p .add{ float:left; width:20px; font-size:13px; line-height:20px; margin-right:5px; cursor:pointer; background:none; border:solid 1px #fff; color:#fff; border-radius:3px;}
.shopbox .shoplist .prolist li .buybtn p .text_box{ float:left; width:40px; font-size:13px; line-height:20px; text-align:center; margin-right:5px;background:none; border:solid 1px #fff; color:#fff; border-radius:3px;}

/*shopartbox*/
.shopartbox{ float:left; width:100%;}
.shopartbox .warp-in{ width:695px;}
.shopartbox h1.protit{ float:left; width:100%; height:98px; line-height:98px; font-size:23px; color:#f57603; font-weight:400; text-align:center; margin-top:16px; margin-bottom:20px; background:url(../images/proart-tit.png) no-repeat center bottom;}
.shopartbox .pro-nr{ float:left; width:100%; text-align:center;}
.shopartbox .pro-nr li{ display:inline-block; width:166px;}
.shopartbox .pro-nr li h1{ width:166px; height:168px; text-align:center; display:table; text-align:center;}
.shopartbox .pro-nr li h1 img{ max-width:166px; max-height:168px; display:table-cell; vertical-align:middle;}
.shopartbox .pro-nr li p{ font-size:15px; line-height:60px;}
.shopartbox .canshu{ float:left; width:100%;}
.shopartbox .canshu .canshuin{ float:none; width:540px; *width:450px; padding:35px 0 35px 90px;  margin:20px auto 0; border:solid 2px #0e050a;}
.shopartbox .canshu .canshuin dl{ float:left; width:450px; font-size:14px; line-height:22px; margin-bottom:7px;}
.shopartbox .canshu .canshuin dl dt{ float:left; width:105px;}
.shopartbox .canshu .canshuin dl dd{ float:left; width:345px;}
.shopartbox .canshu .canshuin dl dt b{ font-size:19px; line-height:38px; font-weight:400;}
.shopartbox .canshu .canshuin dl dd b{ font-size:24px; line-height:38px; color:#f57603; font-weight:400;}
.shopartbox .canshu .canshuin dl dd span{color:#f57603;}
.shopartbox .canshu .canshuin dl dd a{ margin-right:8px; color:#000; padding:0 8px; background:#fff; border:solid 1px #000; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url(PIE.htc);}
.shopartbox .canshu .canshuin dl dd a:hover,.shopartbox .canshu .canshuin dl dd a.selected{ background:#ffc998; border:solid 1px #ffc998;}
.shopartbox .canshu .canshuin .sumit{ float:left; padding-left:105px; margin-top:20px;}
.shopartbox .canshu .canshuin .sumit a{ float:left; height:22px; line-height:22px; background:#ffc998; color:#000; padding:0 30px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url(PIE.htc);}

.shopartbox h2.protit{ float:left; width:100%; padding:50px 0 25px; line-height:38px; font-size:20px; color:#0c0307; font-weight:400; text-align:center; margin-top:16px; margin-bottom:30px; background:url(../images/proart-tit-a.png) no-repeat center bottom;}
.shopartbox h2.protit span,.shopartbox h2.protit em{ float:left; width:100%; text-align:center;}
.shopartbox h2.protit span{ padding-right:120px;}
.shopartbox h2.protit em{ padding-left:80px;}
.shopartbox h2.protit i{color:#f57603;}
.shopartbox h2.protit b{ font-size:27px; font-weight:400; color:#f57603;}
.shopartbox h2.protit strong{ font-size:33px; font-weight:400; color:#f57603;}

.shopartbox .fangxin{ float:left; width:100%;}
.shopartbox .fangxin p{ float:none; margin:0 auto; width:606px; *width:486px; padding-left:120px; font-size:15px; line-height:25px;}
.shopartbox .fangxin img{ display:block; float:none; margin:25px auto 0; width:606px;}
h2.more-btn{ padding-top:80px; text-align:center; font-weight:400; clear:both;}
h2.more-btn a{ font-size:20px; line-height:32px; padding:0 32px; border:solid 1px #393135; color:#393135;}
h2.more-btn a:hover{ background:#ffc998; border:solid 1px #ffc998; color:#fff;}
h2.more-btn-a{ float:left; width:100%; padding-top:50px;}

.shopartbox .bakong{ float:left; width:100%; text-align:center;}
.shopartbox .bakong li{ display:inline-block; width:265px; margin:20px 10px;}
.shopartbox .bakong li .img{ width:265px; height:263px; text-align:center;}
.shopartbox .bakong li p{ width:265px; border:solid 1px #3e373b; margin-top:20px; padding:30px 18px; background:url(../images/bakong-bg.png) no-repeat center 6px; font-size:14px; color:#3e373b; line-height:26px; text-align:left;}

.shopartbox .manzu{ float:left; width:100%;}
.shopartbox .manzu dl{ float:left; width:100%; margin-bottom:28px;}
.shopartbox .manzu dl dd{ width:188px;}
.shopartbox .manzu dl.left dt,.shopartbox .manzu dl.left dd{ float:left;}
.shopartbox .manzu dl.right dt,.shopartbox .manzu dl.right dd{ float:right;}
.shopartbox .manzu dl.left dd{ margin-left:36px;}
.shopartbox .manzu dl.right dd{ }
.shopartbox .manzu dl dd h1,.shopartbox .manzu dl dd h2,.shopartbox .manzu dl dd p{ float:left; width:100%;}
.shopartbox .manzu dl dd h1{ font-size:30px; line-height:50px; color:#f57603;}
.shopartbox .manzu dl dd h2{ font-size:17px; line-height:36px; color:#f57603; font-weight:400;}
.shopartbox .manzu dl dd p{ font-size:15px; line-height:25px; color:#0c0307; margin-top:10px;}
.shopartbox .manzu dl dd .green{ color:#428845;}

.shopartbox .yingyang{ float:left; width:695px; padding-top:192px; background:url(../images/yingyang.jpg) no-repeat center top;}
.shopartbox .yingyang ul{ float:left; width:695px; height:176px;}
.shopartbox .yingyang li{ float:left; width:347px; *width:252px; padding-left:70px; padding-right:25px;}
.shopartbox .yingyang li h1{ font-size:32px; line-height:48px; color:#e90100;}
.shopartbox .yingyang li h2{ font-size:17px; line-height:36px; color:#e90100; font-weight:400;}
.shopartbox .yingyang li p{ margin-top:6px; font-size:15px; line-height:26px; color:#0c0307;}
.shopartbox .yingyang h3{ float:left; width:100%; font-size:15px; line-height:64px; color:#0c0307; text-align:center;}
.shopartbox .yingyang table{ float:none; margin:0 auto; border-collapse:collapse;border-spacing: 0;border:solid 1px #383033; width:535px; clear:both; color:#0c0307;}
.shopartbox .yingyang table td{border:solid 1px #383033; text-align:center; line-height:32px; font-size:15px; color:#0c0307;}

.shopartbox .liucheng{ float:left; width:695px; padding-bottom:315px; background:url(../images/liucheng.png) no-repeat center bottom;}
.shopartbox .liucheng h1,.shopartbox .liucheng p,.shopartbox .baozhang p{ margin:0 auto; width:555px; clear:both;}
.shopartbox .liucheng h1{ font-size:25px; font-weight:400; color:#f57603; line-height:44px;}
.shopartbox .liucheng p{ font-size:17px; line-height:30px;}

.shopartbox .baozhang{ float:left; width:695px; padding-top:20px;}
.shopartbox .baozhang p{ font-size:17px; line-height:30px;}

.shopartbox .kefubox{float:left; width:695px; *width:327px; margin:40px 0 135px;}
.shopartbox .kefuboxin{margin:0 auto; width:555px; *width:327px; padding:60px 0 60px 226px; background:url(../images/kefubg.png) no-repeat 45px center; border:solid 1px #393135;}
.shopartbox .kefubox dl{ float:left; width:100%; line-height:28px;}
.shopartbox .kefubox dl dt{ float:left; width:120px; font-size:17px;}
.shopartbox .kefubox dl dd{ float:left; width:207px; font-size:18px; color:#f57603;}

/*联系我们*/
.contactbox{ float:left; width:1200px; padding:55px 0;}
.contactbox .left{ float:left; width:590px; overflow:hidden;}
.contactbox .right{ float:left; width:590px; margin-left:20px; overflow:hidden;}
.contactbox dl{ float:left; width:100%; background:#f6f6f6; margin-bottom:25px; padding:35px 72px;}
.contactbox dl.map{ padding:0; height:210px;}
.contactbox dl dt{ float:left; width:100%; font-size:16px; color:#028c3e; line-height:32px;}
.contactbox dl dd{ float:left; width:100%; font-size:13px; color:#000; line-height:27px;}
.contactbox dl dd.icon{ padding-left:22px; background-image:url(../images/contact-ico.png); background-repeat:no-repeat;}
.contactbox dl dd.add{ background-position:0 0;}
.contactbox dl dd.tel{ background-position:0 -27px;}
.contactbox dl dd.web{ background-position:0 -54px;}

/*新闻中心*/
.newsbox{ float:left; width:1215px; margin:38px 0;}
.newsbox dl{ float:left; width:388px; height:454px; *width:364px; *height:426px; margin-right:17px; margin-bottom:16px; background:#f6f6f6; padding:14px 12px;}
.newsbox dl dt{ float:left; width:365px; height:234px;}
.newsbox dl dt a{ float:left; width:365px; height:234px; overflow:hidden;}
.newsbox dl dt img{ float:left; width:365px; height:234px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.newsbox dl:hover dt img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);}
.newsbox dl dd{ float:left; width:365px;}
.newsbox dl dd h1,.newsbox dl dd h2,.newsbox dl dd h3,.newsbox dl dd p{ float:left; width:100%; font-weight:400;}
.newsbox dl dd h1{ font-size:16px; color:#000; line-height:32px; margin-bottom:10px;}
.newsbox dl dd h2{ font-size:16px; color:#4e4e4e; line-height:26px; margin-top:22px;}
.newsbox dl dd p{ font-size:13px; color:#4f4f4f; line-height:23px; height:46px; overflow:hidden;}
.newsbox dl dd h3{ font-size:13px; line-height:24px; margin-top:22px;}
.newsbox dl dd h3 a{ color:#028c3e;}

.newsbox dl.top{width:1200px; height:306px; *width:1176px; *height:278px; margin-right:0px; margin-bottom:34px;}
.newsbox dl.top dt{width:760px; height:285px;}
.newsbox dl.top dt a{width:760px; height:285px;}
.newsbox dl.top dt img{width:760px; height:285px;}
.newsbox dl.top dd{ width:384px; margin-left:32px;}
.newsbox dl.top dd h1{ color:#000;}
.newsbox dl.top dd h2{ color:#d60000;}
.newsbox dl.top dd p{  color:#000; height:92px;}
.newsbox dl.top dd h3{ font-size:16px; line-height:29px; margin-top:26px;}
.newsbox dl.top dd h3 a{ float:left; line-height:29px; color:#0e050a; border:solid 1px #0e050a; padding:0 18px;transition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.newsbox dl.top dd h3 a:hover{ color:#fff; background:#008F36; border:solid 1px #008F36;}

/*pagelist*/
.pagelist{ float:left; width:100%;}
.pagelist li{ float:left; line-height:29px; margin-right:5px;}
.pagelist li a,.pagelist li span{ float:left; padding:0 10px; background:#e3e3e3;}
.pagelist li span,.pagelist li a:hover{ background:#028c3e; color:#fff;}

/*认识有机*/
.renshiban{ float:left; width:100%; margin:20px 0;}
.renshiban img{ border-radius:14px;}

.zajibox .renshilist{ float:right; width:892px;}
.zajibox .renshilist dl{ float:left; width:838px; height:126px; margin-bottom:10px;}
.zajibox .renshilist dl dt{ float:left; width:251px; height:126px;}
.zajibox .renshilist dl dt a{ float:left; width:251px; height:126px; overflow:hidden;}
.zajibox .renshilist dl dt img{ float:left; width:251px; height:126px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.zajibox .renshilist dl:hover dt img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);}
.zajibox .renshilist dl dd{ float:left; width:553px; height:126px; margin-left:34px;}
.zajibox .renshilist dl dd h1{ float:left; width:100%; font-size:17px; line-height:62px; color:#000; font-weight:400;}
.zajibox .renshilist dl dd p{ float:left; width:100%; font-size:13px; line-height:23px;}
.zajibox .renshilist dl dd p a{color:#4f4f4f;}
.zajibox .renshilist dl:hover dd h1 a,.zajibox .renshilist dl:hover dd p a{color:#008F36;}

.zajibox .renshiart{ float:right; width:892px;}
.zajibox .renshiart h1{ font-size:24px; line-height:65px; color:#424242; margin-bottom:20px;}
.zajibox .renshiart h2{ font-size:17px; line-height:32px; color:#4f4f4f;}
.zajibox .renshiart p{ font-size:13px; line-height:24px; color:#4f4f4f; margin-bottom:25px;}
.zajibox .renshiart img{ margin-bottom:15px;}

/*zj添加*/
.headbox .userbox .user span { font-size: 15px; color: #fff;}